@charset "UTF-8";
*{
    margin: 0;
    padding: 0;
    text-align: none;
    list-style: none;
}
body{
    min-width: 1280px;
    /* 设置段落最小宽度 */
}
.web{
    header{
        font-size: 0;
        background: linear-gradient(#fafafa,#e2e2e2);
        a {
            display:inline-block;
            height: 4.73vw;
            width: 9.8vw;
            text-align: center;
            line-height: 4.73vw;
            /* 行高 */
            font-size: 0.93vw;
            color: #535353;
            vertical-align: middle;
        }
        a:first-child{
width: 14.2vw;
border-radius: 1px solid #c1c1c1 ;
img{
    width: 5.27vw;
    height: 5.13vw;
    vertical-align: middle;
         /* 垂直对齐图像 */
}
a:hover{
    background-color: #bbbb;
}
        }
    }  
}
main{
    width: 100vw;
    height: 124.74vw;
.hz{
    width: 100vw;
height: 34.54vw;
background-image: url(../img/shouye/w.png);
background-size: cover;
}
    
        .ye{
            width: 8.33vw;
            height: 1.4vw;
            position:absolute;
            top:6vw;
            left: 20.8vw;
            color: #ffffff;
            font-size: 0.8vw;
        }
        .ti{
            width: 16.6vw;
        height: 3.2vw;
        font-size: 3.2vw;
        color: #ffffff;
        font-family: MicrosoftYaHei-Bold;
        position: absolute;
        top:9.07vw;
        left: 20.67vw;
        }
        .zi{
            width: 16.53vw;
	height: 1.07vw;
	font-family: AbadiMT-CondensedLight;
	font-size: 1vw;
    line-height: 1.2vw;
    color: #ffffff;
    position: absolute;
    top:12.6vw;
    left: 20.67vw;
    margin-top:0.7vw;
        }
        .yi{
            width: 26.87vw;
	height: 1.53vw;
	font-family: MicrosoftYaHei-Bold;
	font-size: 1.47vw;
    color: #ffffff;
    position: absolute;
    top:14.67vw;
    left: 20.67vw;
    margin-top:1vw;
        }
        
        .Blue{
            width: 7.47vw;
            height: 2.6vw;
            background-image: linear-gradient(0deg, 
		#00497d 0%, 
		#3e8fc9 100%), 
	linear-gradient(
		#000000, 
		#000000); 
        position: absolute;
        top:30.93vw;
        left: 20.73vw;
        font-size: 0.8vw;
        color: #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 7%;
        }
        .Blue1{
            width: 7.47vw;
            height: 2.6vw;
            background-image: linear-gradient(0deg, 
		#00497d 0%, 
		#3e8fc9 100%), 
	linear-gradient(
		#000000, 
		#000000); 
        position: absolute;
        top:30.93vw;
        left: 29.73vw;
        font-size: 0.8vw;
        color: #ffffff;
        border-radius: 7%;
        display: flex;
        justify-content: space-around;
        align-items: center;
        .ww{
            width: 1vw;
	height: 0.93vw;
        }
        }
        .gg{
            width: 70.93vw;
            height: 2.2vw;
            margin: 0 auto;
            background-color: #00497d;
            font-size: 0.8vw;
            display: flex;
                align-items: center;
                justify-content: center;
                color: white;


            .zuo{
                width: 0vw;
                height: 0vw;
border-right:2.2vw solid #00497d ;
border-bottom:2.2vw solid  transparent;
border-left:2.2vw solid  transparent;
position: absolute;
left:10.12vw;
            }
            .you{
                width: 0vw;
                height: 0vw;
border-left:2.2vw solid #00497d ;
border-bottom:2.2vw solid  transparent;
border-right:2.2vw solid  transparent;
position: absolute;
right:9.04vw;
            }
            .zhong1{
                width: 4.6vw;
                height: 1.4vw;
                background-color: #316995 ;
                position: absolute;
                left: 16vw;
                font-size: 0.73vw;
                color: white;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .zhong{
                width: 0vw;
                height: 0vw;
                border-left: 0.7vw solid #316995;
                border-top: 0.7vw solid transparent;
                border-bottom:0.7vw solid transparent;
                position: absolute;
                left: 20.6vw;
            }
        }
    }
.si{
    width: 7vw;
    height: 1.07vw;
    position: absolute;
    right:20vw;
    top:36vw;
    .s1{
        width: 1.07vw;
        height: 1.07vw;
        border-radius: 100%;
        background-color: #004f88;
        display: inline-block; 
    }
    .s{
        width: 1.07vw;
        height: 1.07vw;
        border-radius: 100%;
        background-color: #ffffff;
        display: inline-block;
    }
}
    .sp{
        width: 10.53vw;
height: 7.07vw;
opacity: 0.8;
/* 设置一个div的透明程度 */
position: absolute;
top:21.53vw;
left: 20.6vw;
    }
    .yy{
        width: 100vw;
        height: 25.87vw;
        display: flex;
        justify-content: center;
        align-items: center;
        .yy1{
            width: 19.93vw;
	height: 18.7vw;
    margin: 2vw;
    background-image: url(../img/shouye/z.png);
    text-align: center;
    h4{
        margin-top: 10vw ;
        margin-bottom:1vw;
    }
    .p1{
        width: 12.47vw;
	height: 1.93vw;
    color: #525252;
    line-height: 1.2vw;
    font-size: 0.73vw;
    opacity: 0.9;
   margin: 0 auto;
    }
        }
        .yy2{
            width: 19vw;
	height: 17.2vw;
    margin: 2vw;
    background-image: url(../img/shouye/x.png);
    text-align: center;
    h4{
        margin-top: 9.9vw ;
        margin-bottom:0.8vw;
    }
    .p2{
        width: 18vw;
	height: 1.93vw;
    color: #525252;
    line-height: 1.2vw;
    font-size: 0.73vw;
    opacity: 0.9;
    margin: 0 auto;
    }
        }
        .yy3{
            width: 19.93vw;
	height: 17.7vw;
    margin: 2vw;
    background-image: url(../img/shouye/c.png);
    text-align: center;
    h4{
       margin-top: 9.4vw ; 
       margin-bottom:1vw;
    }
    .p3{
        width: 17.3vw;
	height: 1.93vw;
    color: #525252;
    line-height: 1.2vw;
    font-size: 0.73vw;
    opacity: 0.9;
    margin: 0 auto;
    }
        }
    }
    .ditu{
        width: 100vw;
        height: 31.4vw;
        position: relative;
        h5{
            width: 9vw;
	height: 2vw;
    font-size: 2vw;
    letter-spacing: 0.2vw;
	color: #12151c;
    padding-top:4vw ;
    margin: 0 auto;
        }
        .tu{
            width: 33.67vw;
            height: 20.33vw;
            padding-left: 17vw;
        }
        .aj{
            width: 22.33vw;
	height: 1.27vw;
	font-size: 1.2vw;
	line-height: 2vw;
	letter-spacing: 0vw;
	color: #12151c;
    position: absolute;
    top:9vw;
    right: 13vw;
        }
        .lan{
            width: 7.47vw;
            height: 2.6vw;
            background-image: linear-gradient(0deg, 
        #00497d 0%, 
        #3e8fc9 100%), 
    linear-gradient(
        #000000, 
        #000000); 
        position: absolute;
        top:11vw;
        font-size: 0.8vw;
        color: #ffffff;
        border-radius: 7%;
        display: flex;
        justify-content: space-around;
        align-items: center;
        }
        .zhi{
                width: 7.47vw;
                height: 2.6vw;
                background-image: linear-gradient(0deg, 
                #121313 0%, 
                #525354 100%), 
            linear-gradient(
                #000000, 
                #000000); 
            position: absolute;
            top:11vw;
            right: 5vw;
            font-size: 0.8vw;
            color: #ffffff;
            border-radius: 7%;
            display: flex;
            justify-content: space-around;
            align-items: center;
            .we{
                width: 1vw;
        height: 0.93vw;
        img{
            margin-bottom:0.7vw ;
        }
            }
        }
    }
    .wu{
        width: 21vw;
        height: 5vw;
        color: #525252;
        position: absolute;
        font-size: 0.93vw;
        line-height: 2vw;
        top:12vw;
        right: 14.3vw;
    }
    .zuihou{
            width: 100vw;
            height: 31.27vw;
            background-color: #ededed;
            .yuan {
                width: 2.4vw;
	height: 2.4vw;
    position: absolute;
    margin-top: -1vw;
    margin-left: 50%;
            }
            .guwm{
                width: 8.47vw;
	height: 1.93vw;
    font-size: 2vw;
    line-height: 2vw;
    padding-top:5vw ;
    margin-left: 47vw;
            }
            .ggg{
width: 50vw;
height: 4.93vw;
padding-top:6vw ;
margin: 0 auto;
display: flex;
justify-content:space-between;
font-size: 0.93vw;
            }
            .lll{
width: 35vw;
height: 5.53vw;
padding-top:5vw ;
margin: 0 auto;
display: flex;
justify-content: space-between;
font-size: 0.93vw;
            }
            .index{
                width: 11.73vw;
	height: 5.6vw;
    display: inline-block;
            }
            .bbb{
                width: 5.27vw;
	height: 4.93vw;
            }
            .xiaohe{
                width: 4.67vw;
                height: 4.2vw;
                display: inline-block;
                padding-left: 1vw;
            }
            .ddd{
                width: 4.13vw;
	height: 1.47vw;
    padding-top: 1vw ;
            }
            .bbq{
                font-size: 0.7vw;
                color: #525252;
	opacity: 0.9;
            }
            
    }
footer{
    width: 100vw;
    height: 5vw;
    background-color: #444444;
    .kkk{
        width: 16vw;
        height: 1vw;
        display: flex;
        justify-content: space-between;
        padding-top: 3vw;
        padding-left: 18.4vw;
        a{
            font-size: 0.5vw;
            color: #ffffff;
            text-decoration:none;
            /* 去除下滑线 */
        }     
}
.vvv{
    font-size: 0.3vw;
    color: #ffffff; 
    letter-spacing: 0vw;
    opacity: 0.8;
        margin-top:-1vw;
        margin-left: 58vw;
}
}